<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width =device-width, initial-scale=1, maximum-scale=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name=”renderer” content=”webkit|ie-comp|ie-stand” />
    <title>{$strategy['name']}</title>
    <link rel="stylesheet" href="__PUBLIC__/css/bootstrap.css">
    <link rel="stylesheet" href="__PUBLIC__/css/read.css">
</head>
<body>
<div class="side">
    <ul>
        <li style="border:none;"><a href="{:U('Index/index')}"><div class="sidebox"><img src="__PUBLIC__/images/tuBu/hp-tag1.png" style="height: 35px;width: 35px;margin: 10px 10px">返回首页</div></a></li>
        <li style="border:none;"><a href="{:U('Strategy/index')}"><div class="sidebox"><img src="__PUBLIC__/images/tuBu/arr_01.png" style="height: 35px;width: 35px;margin-top: 10px;margin-left: 15px">返回攻略</div></a></li>
        <li style="border:none;"><a href="javascript:goTop();" class="sidebox"><img src="http://demo.lanrenzhijia.com/2014/service1108/side_icon05.png">返回顶部</a></li>
    </ul>
</div>
<div id="sidebar" class="sidebar ">
    <div class="flex" align="center">
        <div class="sr-avatar">

            <div id="second" class="second">
                <section id="secondimg" >
                <img src="__PUBLIC__/{$strategy['img_url']}" alt="">
            </section>
            <section id="secondimgs" >
                <img src="__PUBLIC__/{$strategy['img_url']}" alt="">
            </section>
            </div>

            <div id="first" class="first">
                <section>
                    <section id="firstimg">
                        <img src="__PUBLIC__/{$strategy['img_url']}" alt="">
                    </section>
                </section>
                <section id="firstimgs">
                    <img src="__PUBLIC__/{$strategy['img_url']}" alt="">
                </section>
            </div>

            <div id="thrid" class="thrid">
                <section id="thridimg">
                    <img style="width: 100%" src="__PUBLIC__/images/kuang1.png"  alt="">
                    <img id="thridimgss" src="__PUBLIC__/images/kuang2.png">
                </section>
                <section id="thridimgs" >
                    <img src="__PUBLIC__/{$strategy['img_url']}" alt="">
                </section>
            </div>


            <div id="four" class="four">
                <section id="fourimg1">
                    <img src="__PUBLIC__/images/kuang3.png" alt="">
                </section>
                <section id="fourimg2">
                    <img src="__PUBLIC__/images/kuang4.png" alt="">
                </section>
                <section id="fourimg3" >
                    <img src="__PUBLIC__/{$strategy['img_url']}" alt="">
                </section>
                <section id="fourimg4">
                    <img src="__PUBLIC__/images/kuang4.png" alt="">
                </section>
            </div>


           <!--<img style="width: 70%;height: 40%;" src="__PUBLIC__/uploads/strategyImage/{$strategy['img_url']}" alt="">-->
            <div class="fixed">
                <span class="title">
                    {$strategy['name']}
                </span>
                <div class="pp">
                        出游日期
                </div>
                <div id="date" class="date" >
                    {$strategy['starttime']}
                </div>
                <div id="date1" class="date">
                    {$strategy['starttime']}至{$strategy['endtime']}
                </div>
                <div class="com">
                    主办方： {$strategy['company']}
                </div>

                <div class="foot">
                    广州晟航科技网络科技有限公司
                </div>
            </div>


        </div>

    </div>
</div>
<div id="text" class="section-inner" style="background-color: #FBFBFB">
    {$strategy['text']}
</div>


<script src="__PUBLIC__/js/jquery.js"></script>
<script>
    var model = {:isset($_GET['mo'])?$_GET['mo']:$strategy['model']};
    switch(parseInt(model)){
        case 0 : $('#first').attr("style","display:block"); break;
        case 1 : $('#second').attr("style","display:block");    break;
        case 2 : $('#thrid').attr("style","display:block");    break;
        case 3 : $('#four').attr("style","display:block");    break;
        default : alert("出错了"); break;
    }

    var starttime = {$strategy['starttime']};
    var endtime = {$strategy['endtime']};
    if(starttime==endtime){
        $('#date').attr("style","font-size: 20px;display:block")

    }else{
        $('#date1').attr("style","font-size: 20px;display:block")
    }
    function goTop(){
        $('html,body').animate({'scrollTop':0},300);
    }
    $(function(){
        $(".side ul li").hover(function(){
            $(this).find(".sidebox").stop().animate({"width":"124px"},200).css({"opacity":"1","filter":"Alpha(opacity=100)","background":"#30bbf3"})
        },function(){
            $(this).find(".sidebox").stop().animate({"width":"54px"},200).css({"opacity":"0.8","filter":"Alpha(opacity=80)","background":"#000"})
        });
    });
</script>
</body>
</html>